<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="sys" uri="/menutaglib"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>${sessionScope.web_name}</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />

<link rel="stylesheet" id='style_color' href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/${sessionScope.web_style}.css" type="text/css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/common/js/constants.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/common/fscapp_sys.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/echarts/echarts.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/echarts/map/china.js"></script>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resources/assets/plugins/choicesearsandmonth/jquery.monthpicker.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/choicesearsandmonth/jquery.monthpicker.js"></script>


</head>
<body class="page-header-fixed">
	<jsp:include page="../common/systemUserSelfHeader.jsp"></jsp:include>
	<div class="page-container row-fluid">
		<div class="page-sidebar nav-collapse collapse">
			<ul class="page-sidebar-menu">
				<sys:sysNav ctgLevelOne="sysUser" ctgLevelTwo="userStat" />
			</ul>
		</div>
		<div class="page-content">
			<div class="container-fluid">
				<!-- BEGIN PAGE HEADER-->
				<div class="row-fluid crumbs">
					<div class="beginPageHearderBg_1"></div>
					<div class="beginPageHearderBg_2"></div>
					<div class="page-title page-title-style"><i class="icon-bar-chart"></i>用户统计管理</div>
					<div class="page-title-desc"><i class="fa fa-info-circle"></i>显示用户类比统计和用户类型统计等(*)</div>
					<div class="span12 breadcrumb-style">
						<ul class="breadcrumb">
							<li>
								<i class="icon-home"></i>
								<a href="${sessionScope.web_home}">首页</a>
								<i class="icon-angle-right"></i>
							</li>
							<li>
								<a href="#">用户</a>
								<i class="icon-angle-right"></i>
							</li>
							<li><a href="#">用户统计</a></li>
						</ul>
						<!-- END PAGE TITLE & BREADCRUMB-->
					</div>
				</div>
				<%--<div class="row-fluid">
					<div class="span12">
						<jsp:include page="../common/sysStyle.jsp"></jsp:include>
						<h3 class="page-title">
							用户统计管理 <small>显示用户类比统计和用户类型统计等</small>
						</h3>
						<ul class="breadcrumb">
							<li><i class="icon-home"></i> <a href="${sessionScope.web_home}">首页</a><i class="icon-angle-right"></i></li>
							<li><a href="#">用户</a> <i class="icon-angle-right"></i></li>
							<li><a href="#">用户统计</a></li>
						</ul>
					</div>
				</div>--%>
				<div class="row-fluid">
				     <div class="span6">
					    <div class="portlet box yellow">
						     <div class="portlet-title">
							     <div class="caption">
								     <i class="icon-bar-chart"></i> 
								     <span class="caption-subject font-dark bold">用户类比统计</span>
							     </div>
							     <div class="tools">
								     <a href="javascript:;" class="collapse"></a>
							     </div>
						    </div>
						     <div class="portlet-body">
							     <div id="usersRegistBar" style="height: 400px;"></div>
						    </div>
					   </div>
				     </div>
					 <div class="span6">
					   <div class="portlet box yellow">
					   	<div class="portlet-title">
							<div class="caption">
								<i class="icon-reorder"></i> <span class="caption-subject font-dark bold">用户类型统计</span>
							</div>
							<div class="tools">
								<a href="javascript:;" class="collapse"></a>
							</div>
						</div>
						<div class="portlet-body">
							<div id="userRoleStat" style="height: 400px;"></div>
						</div>
					   </div>
					</div>
				</div>
				<div class="row-fluid">
					
						<div class="portlet box yellow">
							<div class="portlet-title">
								<div class="caption">
								<i class="icon-bar-chart"></i> 
								<span class="caption-subject font-dark bold">用户操作统计</span>
								</div>
								<div class="tools">
								<a href="javascript:;" class="collapse"></a>
								</div>
							</div>
							<div class="portlet-body">
								<div id="operationCount1" style="height: 400px;"></div>
							</div>
							</div>
						
					</div>	
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- BEGIN FOOTER -->
	<jsp:include page="../common/sysFooter.jsp"></jsp:include>
	<!-- END FOOTER -->
	<!-- BEGIN CORE PLUGINS -->
	<script>
		jQuery(document).ready(function() {
			App.init();
			TableAdvanced.init();
			UIModals.init();
		});
	</script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/echarts/common.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/sys/userStatic.js"></script>

	<!-- END THEME LAYOUT SCRIPTS -->
</body>
</html>